import Picker from '../picker';
import DatePanel from '../panel/date';
import DateRangePanel from '../panel/date-range';

const getPanel = function(type) {
	if (type === 'daterange' || type === 'datetimerange') {
		return DateRangePanel;
	}
	return DatePanel;
};

export default {
	mixins: [Picker],

	name: 'AtDatePicker',

	props: {
		type: {
			type: String,
			default: 'date'
		}
	},

	watch: {
		type(type) {
			if (this.picker) {
				this.unmountPicker();
				this.panel = getPanel(type);
				this.mountPicker();
			} else {
				this.panel = getPanel(type);
			}
		}
	},

	created() {
		this.panel = getPanel(this.type);
	}
};
